@import url("./flex.css");
@import url("./element-ui.scss");
@import url("./avue.scss");


body {
    margin: 0;
    padding: 0;
}

div {
    box-sizing: border-box;
}

.font-size-mini {
    font-size: 12px;
    color: #999;
}

.font-size-small {
    font-size: 14px;
    color: #666;
}

.m-b-20 {
    margin-bottom: 20px;
}

.m-r-10 {
    margin-right: 10px;
}

.m-r-20 {
    margin-right: 20px;
}

.m-l-20 {
    margin-left: 20px;
}


.p-r-20 {
    padding-right: 20px;
}

.p-l-20 {
    padding-left: 20px;
}

.p-b-20 {
    padding-bottom: 20px;
}

.b-r {
    border-right: 1px solid #f0f0f0;
}

.b-l {
    border-left: 1px solid #f0f0f0;
}

.p-t-10 {
    padding-top: 10px;
}

.p-l-10 {
    padding-left: 10px;
}

.p-r-10 {
    padding-right: 10px;
}

.hover:hover {
    color: rgb(32, 160, 255);
    cursor: pointer;
}

::-webkit-scrollbar-track-piece {
    background-color: transparent;
}

::-webkit-scrollbar {
    width: 7px;
    height: 7px;
    background-color: transparent;
}

::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background-color: hsla(220, 4%, 58%, 0.3);
}

.flex_1 {
    flex: 1;
    width: 50%;
}

.text_ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media print {
    #view_warper {
        // line-height: 1.3;
        // line-height: 1;
        padding: 25px 31.5px;

        &.flex_1 {
            flex: 1;
            width: 100%;
        }

        .content-tit {
            display: none;
        }

        img {
            vertical-align: middle;
            height: 25px;
        }

        &>p {
            line-height: 18px !important;
        }

        &>div {
            p {
                line-height: 2;
            }
        }
    }

    .table_content {
        td {
            text-align: center;
        }
    }

}

.t-a-c {
    text-align: center;
}

.t-a-r {
    text-align: right;
}

.avue-dialog {
    .el-drawer {
        .el-drawer__body {
            padding: 30px 10px 60px 10px;
        }
    }
}

.el-upload-list--picture-card .el-upload-list__item-status-label i {
    left: 15px;
    position: absolute;
    top: 0px;
}

.el-upload-list--picture-card .el-upload-list__item-actions:hover span.el-upload-list__item-delete {
    line-height: 30px;
    position: absolute;
    top: 110px;
}

.my-avue-dialog .el-dialog {
    margin-top: calc(50vh - 237px) !important;
    max-height: none;

    .el-dialog__body {
        margin-bottom: 0;

    }
}

.avue-sign__canvas {
    height: 300px;
    width: 500px;
}

.active {
    background-color: #fbf831;
    // color: #fff;
}

.page {
    // padding: 10px;
    padding: 0 10px;
    background-color: #eeeeee;

    .cardBg {
        background-color: #fff;
        padding-left: 10px;
        padding-right: 25px;
        padding-bottom: 20px;
    }
}

.el-scrollbar {
    max-height: 500px;
    overflow: auto;
}

.text_align_left {
    text-align: left;
}

.text_align_right {
    text-align: right;
}

.template-page {
    max-width: 100vw;
    overflow: hidden;
    position: relative;

    &>.content {
        align-items: stretch;
        height: 100vh;

        .left-page {
            overflow-y: auto;
        }

        .template {
            padding-bottom: 112px;
        }
    }



    .download-btn {
        position: absolute;
        bottom: 74px;
        right: 20px
    }

    .footer {
        position: absolute;
        bottom: 20px;
        right: 20px;
    }
}